* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	/* background-color: #fde7e7; */
	background-color: #F5F7FA;
}

.F5F8FA {
	background-color: #F5F8FA;
	/* background-color: red; */
}

input {
	border: none;
	outline: none;
}

.pointer {
	cursor: pointer;
}

.word_wrap {
	word-wrap: break-word;
	word-break: break-all;
}

.max_width {
	width: 1200px;
	/* max-width: 1200px; */
}

li {
	list-style: none;
}

.selectedCustom {
	background-image: url("@/static/image/login/selected.png");
	width: 12px;
	height: 12px;
	background-size: 100% 100%;
}

.noSelected {
	background-image: url("@/static/image/login/noSelected.png");
	width: 12px;
	height: 12px;
	background-size: 100% 100%;
}

.eye {
	background-image: url("@/static/image/login/eye.png");
	width: 14.19px;
	height: 10.64px;
	background-size: 100% 100%;
}

.noEye {
	background-image: url("@/static/image/login/noEye.png");
	width: 14.19px;
	height: 13.21px;
	background-size: 100% 100%;
}

.bottom_icon {
	width: 8px;
	height: 4px;
	background-image: url('@/static/image/home/bottom_icon.png');
	background-size: 100% 100%;
}

.right_icon {
	width: 7px;
	height: 10px;
	background-image: url('@/static/image/login/right_icon.png');
	background-size: 100% 100%;
}

.right_icon_yellow {
	width: 7px;
	height: 10px;
	/* background-image: url('static/images/index/right_icon_yellow.png'); */
	background-size: 100% 100%;
}

.deletimg {
	/* background-image: url("@/static/images/index/delete.png"); */
	width: 30px;
	height: 30px;
	position: absolute;
	right: 15px;
	background-size: 100%, 100%;
	top: 15px;
}

.face1 {
	background-image: url("@/static/image/home/face1.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.face1_active {
	background-image: url("@/static/image/home/face1_active.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.face2 {
	background-image: url("@/static/image/home/face2.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.face2_active {
	background-image: url("@/static/image/home/face2_active.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.face3 {
	background-image: url("@/static/image/home/face3.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.face3_active {
	background-image: url("@/static/image/home/face3_active.png");
	width: 16px;
	min-width: 16px;
	height: 16px;
	background-size: 100% 100%;
}

.shopPhone {
	width: 52px;
	height: 52px;
}

.item_image_box {
	width: 33.33%;
}

.item_image {
	position: relative;
	width: 180px;
	height: 180px;

	image {
		width: 100%;
		height: 100%;
	}
}

.arrow_top {
	width: 7.07px;
	height: 5.44px;
	background-image: url("@/static/image/home/top.png");
	background-size: 100% 100%;
}

.arrow_top_active {
	width: 7.07px;
	height: 5.44px;
	background-image: url("@/static/image/home/top_active.png");
	background-size: 100% 100%;
}

.arrow_bottom {
	width: 7.07px;
	height: 5.44px;
	background-image: url("@/static/image/home/bottom.png");
	background-size: 100% 100%;
	margin-top: 2px;
}

.arrow_bottom_active {
	width: 7.07px;
	height: 5.44px;
	background-image: url("@/static/image/home/bottom_active.png");
	background-size: 100% 100%;
	margin-top: 2px;
}

.screen {
	width: 16.81px;
	height: 22.75px;
	/* background-image: url("@/static/images/index/screen.png"); */
	background-size: 100% 100%;
}

.editImage {
	width: 24px;
	height: 28px;
}

.deleteImage {
	width: 28px;
	height: 28px;
}

.themeBtn {
	padding: 5px 10px;
	border: 1px solid rgba(52, 120, 245, 1);
	border-radius: 16px;
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #3478F5;
	cursor: pointer;
	white-space: nowrap;
}

.themeBtnBg {
	padding: 5px 10px;
	background-color: #3478F5;
	border-radius: 46px;
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
}

.themeBtnbr {
	padding: 10px 25px;
	background-color: #3478F5;
	border-radius: 4px;
	border: 1px solid #3478F5;
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #ffffff;
	cursor: pointer;
	white-space: nowrap;
}

.themeBtnbrSmall {
	padding: 10px 25px;
	background: rgba(52, 120, 245, 0.1);
	border-radius: 4px;
	border: 1px solid #3478F5;
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #3478F5;
	cursor: pointer;
	white-space: nowrap;
}

.greyBtn {
	width: 170px;
	height: 67px;
	line-height: 67px;
	text-align: center;
	border: 2px solid rgba(102, 102, 102, 1);
	border-radius: 120px;
	font-size: 26px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #666666;
}

.orangeBtn {
	width: 170px;
	height: 67px;
	line-height: 67px;
	text-align: center;
	border: 2px solid rgba(255, 92, 0, 1);
	border-radius: 120px;
	font-size: 26px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FF5C00;
}

.content {
	background-color: #FAFAFA;
	/* background-color: #fde7e7; */
	min-height: calc(100vh - 88px);
	box-sizing: border-box;
}

.positionr {
	position: relative;
}

.inline_block {
	display: inline-block;
}

.flex1 {
	flex: 1;
}

.width0 {
	width: 0;
}

.flex {
	display: flex;
}

.flextop {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.flextops {
	display: flex;
	align-items: flex-start;
}

.flexcenter {
	display: flex;
	align-items: center;
	justify-content: center;
}

.flexcolumn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.flexbottom {
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.flexbetween {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flexleft {
	display: flex;
	align-items: center;
}

.smalltext {
	font-size: 20px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #333333;
}

.flexright {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.flexaround {
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.flexstart {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.justify_between {
	display: flex;
	justify-content: space-between;
}

.justify_between_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.align_start {
	align-items: flex-start;
}

.flex_wrap {
	flex-wrap: wrap;
}

.textcenter {
	text-align: center;
}

.textleft {
	text-align: left;
}

.textright {
	text-align: right;
}

.ffffff {
	background-color: #ffffff;
}

.boxShadow {
	box-shadow: 0px 0px 16px 0px rgba(52, 120, 245, 0.06);
}

.fafafa {
	background-color: #FAFAFA;
}

.f7f7f7 {
	background-color: #F7F7F7;
}

.line_bottom {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.line_top {
	border-top: 1px solid #EDEFF2;
}

.line_b {
	border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.line_b9 {
	border-bottom: 2px solid rgba(153, 153, 153, 0.05);
}

.line_t {
	border-top: 1px solid RGBA(242, 242, 242, 1);
}

.border_bottom {
	border-bottom: 1px solid #F3F3F3;
}

.inp {
	text-align: right;
	color: #000000;

}

/* margin*/
.margin {
	margin: 30px 30px;
}

.margin_top1 {
	margin-top: 10px;
}

.margin_top2 {
	margin-top: 20px;
}

.margin_top {
	margin-top: 30px;
}

.margin_top4 {
	margin-top: 40px;
}

.margin_top5 {
	margin-top: 50px;
}

.margin_top6 {
	margin-top: 60px;
}

.margin_top7 {
	margin-top: 70px;
}

.margin_left1 {
	margin-left: 10px;
}

.margin_left2 {
	margin-left: 20px;
}

.margin_left3 {
	margin-left: 30px;
}

.margin_left4 {
	margin-left: 40px;
}

.margin_left5 {
	margin-left: 50px;
}

.margin_left6 {
	margin-left: 60px;
}

.margin_left7 {
	margin-left: 70px;
}

.margin_right1 {
	margin-right: 10px;
}

.margin_right2 {
	margin-right: 20px;
}

.margin_right3 {
	margin-right: 30px;
}

.margin_right4 {
	margin-right: 40px;
}

.margin_right5 {
	margin-right: 50px;
}

.margin_right6 {
	margin-right: 60px;
}

.margin_right7 {
	margin-right: 70px;
}

.margin_bottom1 {
	margin-bottom: 10px;
}

.margin_bottom2 {
	margin-bottom: 20px;
}

.margin_bottom3 {
	margin-bottom: 30px;
}

.margin_bottom4 {
	margin-bottom: 40px;
}

.margin_bottom5 {
	margin-bottom: 50px;
}

.margin_bottom6 {
	margin-bottom: 60px;
}


/*  padding*/
.mainpadding {
	padding: 30px 30px;
}

.mainpadding15 {
	padding: 15px 15px;
}

.paddinglr {
	padding: 0 30px;
}

.paddinglr15 {
	padding: 0 15px;
}

.paddingtb {
	padding: 30px 0;
}

.paddingtb15 {
	padding: 15px 0;
}

.padding15 {
	padding: 15px;
}

.padding_top1 {
	padding-top: 10px;
}

.padding_top2 {
	padding-top: 20px;
}

.padding_top3 {
	padding-top: 30px;
}

.padding_top15 {
	padding-top: 15px;
}

.padding_left3 {
	padding-left: 30px;
}

.padding_left2 {
	padding-left: 20px;
}

.padding_left1 {
	padding-left: 10px;
}

.padding_right3 {
	padding-left: 30px;
}

.padding_right2 {
	padding-left: 20px;
}

.padding_right1 {
	margin-left: 10px;
}

.padding2 {
	padding: 26px;
}

.padding_lr {
	padding-left: 40px;
	padding-right: 40px;
}

.padding_bottom1 {
	padding-bottom: 10px;
}

.padding_bottom2 {
	padding-bottom: 20px;
}

.padding_bottom {
	padding-bottom: 30px;
}

.padding_lrb {
	padding: 0px 30px 30px 30px;
}

.white_nowrap {
	white-space: nowrap;
}

/* 超出一行省略号 */
.yihang {
	overflow: hidden;
	white-space: nowrap;
	/* -webkit-line-clamp: 1; */
	text-overflow: ellipsis;
	/* display: -webkit-box; */
	/* -webkit-box-orient: vertical; */
}

/* 超出两行省略号 */
.lianghang {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 字体 */
/* font-weight: 500; */
.text_a {
	font-size: 22px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_b {
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_c {
	font-size: 26px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_d {
	font-size: 14px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_e {
	font-size: 30px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_f {
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_g {
	font-size: 34px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_h {
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_i {
	font-size: 20px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

.text_bs {
	font-size: 24px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
}

/* font-weight: 800; */
.text_at {
	font-size: 22px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_bt {
	font-size: 12px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_ct {
	font-size: 26px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_dt {
	font-size: 14px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_et {
	font-size: 30px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_ft {
	font-size: 16px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_gt {
	font-size: 34px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_ht {
	font-size: 18px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

.text_it {
	font-size: 20px;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 800;
}

/* 颜色 */
.color_fff {
	color: #ffff;
}

/* 主题色 */
.color_theme {
	color: #3478F5;
}

.color_red {
	color: #FF0000;
}

.color_f3 {
	color: #F3F3F3;
}

.color_orange {
	color: #FF8A00;
}

.color_orangeSmall {
	color: #FF6E00;
}

.color_yellow {
	color: #FFB800;
}

.stateBox {
	width: 16px;
	height: 16px;
	background: #00E3BA;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	position: absolute;
	right: -4px;
	bottom: 5px;
}

.nostateBox {
	width: 16px;
	height: 16px;
	background: #999;
	border-radius: 50%;
	border: 2px solid #FFFFFF;
	position: absolute;
	right: -4px;
	bottom: 5px;
}

.color_green {
	color: #0EB500;
}

.color_zero {
	color: #000000;
}

.color_three {
	color: #333333;
}

.color_six {
	color: #666666;
}

.color_nine {
	color: #999999;
}

.radius {
	border-radius: 7px 7px 7px 7px;
}

.radius1 {
	border-radius: 6px 6px 6px 6px;
}

.border {
	border-radius: 16px 16px 16px 16px;
}

.border1 {
	border-radius: 11px 11px 11px 11px;
}

.border12 {
	border-radius: 12px 12px 12px 12px;
}

.border2 {
	border-radius: 14px 14px 14px 14px;
}